@pageWidth: 1000px;
@pagePadding: 10px 30px 0 30px;

:deep(.v-breadcrumbs) {
    padding: 0;

    .v-breadcrumbs-item {
        font-size: 16px;
        font-weight: 400;
    }

    .v-breadcrumbs-divider {
        padding: 0;

        i {
            font-size: 20px;
        }
    }
}

:deep(.v-timeline-divider__inner-dot) {
    border: 1px solid #616877;
    border-radius: 50%;
}
:deep(.v-timeline-item__opposite){
    display: none;
}
:deep(.v-switch__track) {
    width: 30px;
    height: 16px;
}

:deep(.v-switch--inset) {
    .v-switch__thumb {
        width: 12px;
        height: 12px;
        transform: none;
    }

}

:deep(.v-label) {
    opacity: none;
}


.news-page {
    display: block;
    margin: auto;
    width: @pageWidth;
    padding: @pagePadding;
    background-color: var(--card);

    .top {
        .breadcrumbs-item {
            font-size: 16px;
            font-weight: 400;
        }

        .long {
            cursor: pointer;

            &:hover {
                text-decoration: underline;
            }
        }

        .top-breadcrumbs {
            font-size: 22px;
            margin-left: 10px;
        }
    }

    .tips-box {
        margin-top: 30px;
        width: 100%;
        height: 46px;
        background-color: #181B1F;
        font-size: 12px;
        font-weight: 400;
        padding-left: 20px;

        .t1 {
            color: var(--color);
        }

        .t2 {
            color: var(--main);
        }
    }

    .news-title {
        width: 100%;
        margin-top: 10px;

        .n-title {
            color: var(--color-2);
            font-size: 21px;
            font-weight: 600;
        }

        .n1 {
            color: var(--color);
            font-size: 14px;
            font-weight: 400;

        }

    }

    .time-box {
        margin-top: 20px;

        .time-block {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border-radius: 8px;
            background-color: #2B3139;
            font-size: 26px;
            font-weight: bold;
            color: var(--color);
        }

        .time-text {
            margin-left: 7px;
            color: var(--color);
            font-size: 16px;
            font-weight: 500;
        }
    }

    .content-Loding {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 500px;
        width: 100%;
    }

    .time-line {
        margin-top: 31px;

        .news-content {
            padding-bottom: 30px;

            &:last-child {
                padding-bottom: 0px;
            }

            .time {
                padding-bottom: 9px;
                color: #848E9C;
                font-size: 14px;
                font-weight: 400;
            }

            .title {
                padding-bottom: 8px;
                font-size: 16px;
                font-weight: 600;
                color: var(--color-2);
            }

            .content {
                // padding-bottom: 16px;
                font-size: 14px;
                font-weight: 400;
                color: #B7BDC6;
            }
        }
    }
}

.hit{
    cursor: pointer;
    &:hover{
        text-decoration: underline;
    }
}